<?xml version="1.0" encoding="UTF-8"?>

<!--
    Document   : products.xsl
    Created on : November 25, 2012, 7:36 PM
    Author     : kenisk
    Description:
        Purpose of transformation follows.
-->

<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
    <xsl:template match="/">
        <xsl:for-each select="Products/Product">
            <div id="item" style="border: 1px solid #2BB0D7; font: bold medium serif; color: black;">
                <img draggable="true" ondragstart="drag(event)">
                    <xsl:attribute name="onmouseover">
                        <xsl:value-of select="'productonmouseover('"/>
                        <xsl:value-of select="ProductID"/>
                        <xsl:value-of select="')'"/>
                    </xsl:attribute>

                    <xsl:attribute name="onmouseout">
                        <xsl:value-of select="'productonmouseout()'"/>
                    </xsl:attribute>
                    <xsl:attribute name="src">
                        <xsl:value-of select="'images/'"/>
                        <xsl:value-of select="ProductImage"/>
                    </xsl:attribute>
                    <xsl:attribute name="id">
                        <xsl:value-of select="'Product'"/>
                        <xsl:value-of select="ProductID"/>
                    </xsl:attribute>
                    <xsl:attribute name="productPrice">
                        <xsl:value-of select="Price"/>
                    </xsl:attribute>
                    <xsl:attribute name="productID">
                        <xsl:value-of select="ProductID"/>
                    </xsl:attribute>
                    <xsl:attribute name="productName">
                        <xsl:value-of select="ProductName"/>
                    </xsl:attribute>
                </img>
                 
                <div class="dollar">
                        <xsl:value-of select="ProductName"/>
                </div>
                <div class="Price">
                    <xsl:value-of select="'Price: '"/>
                    <xsl:value-of select="' $'"/>
                    <xsl:value-of select="Price"/>
                </div>
            </div>
        </xsl:for-each>
    </xsl:template>
</xsl:stylesheet>
